.main {
  background-color: #eff3fe;
  padding-top: 70px;
  min-height: 100vh;
  overflow: hidden;

  .container {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    gap: 15px;

    .left {
      flex: 0 1 200px;
      min-width: 200px;
      max-width: 200px;
      max-height: calc(100vh - 80px);
    }

    .right {
      flex: 1;
    }
  }
}
.account {
  background: #fff;
  height: 100%;
  .accountHead {
    padding: 14px;
    border-bottom: 1px solid #f0f3ef;
  }
  .accountInfo {
    padding: 10px 0;
    .accountInfoItem {
      font-size: 16px;
      height: 36px;
      padding: 10px 14px;
      color: #666;
    }
    .name {
      font-size: 22px;
      color: #333;
    }
    .limit {
      color: #d38209;
    }
  }
}

@media screen and (width <= 800px) {
  .main {
    padding-top: 60px;
    .container {
      flex-direction: column;
      width: 100%;
      gap: 5px;
      .left {
        flex: 1;
        max-width: 100vw;
      }
    }
  }
}
